<template>
  <div>
    <!-- 头像区域 -->
    <div class="header-box">
      <div class="name-box">
        <van-image round fit="cover" :src="userInfo.avatar" class="my-head-pic" />
        <span class="user-name">{{this.userInfo.loginName}}</span>
      </div>
      <div class="personal-box">
        <span class="personal-page">
          <router-link to="/personalData">个人主页></router-link>
        </span>
      </div>
    </div>
    <!-- 我的收藏区域 -->
    <div>
      <van-tabs v-model="active">
        <van-tab title="我参与的" >
          <my-release></my-release>
        </van-tab>
      <!--   <van-tab title="我的收藏">
          <my-release></my-release>
        </van-tab>
        <van-tab title="我的印记">
          <my-release></my-release>
        </van-tab> -->
      </van-tabs>
    </div>
  </div>
</template>
<script>
import PersonalData from "../personal/PersonalData.vue";
import MyRelease from '../personal/MyRelease.vue'
import {checkInfo} from '../../api/forum-api.js'
export default {
  data() {
    return {
      active: 2,
      userInfo:{},
    };
  },
  created() {
    checkInfo().then(res=>{
      this.userInfo = res.data
    })
  },
  methods:{
   
  },
  components:{
    MyRelease,//我的发布

  }
};
</script>
<style lang="less" scoped>
.header-box {
  padding: 10px;
  display: flex;
  justify-content: space-between;
}
.name-box {
  display: inline-block;
}
.personal-box {
  margin-top: 25px;
}
.user-name {
  font-weight: 700;
}
.personal-page a {
  font-size: 13px;
  color: #646464;
}
.my-head-pic {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  vertical-align: middle;
}



</style>